<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button text=""></ion-back-button>
    </ion-buttons>
    <ion-title>Personal Information    </ion-title>
    <!-- <img src="../../../../assets/img/activity/share.png" slot="end" alt=""> -->
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-item lines='full' style="background:rgba(255,255,255,1);" (click)="updataImg()">
    <ion-avatar slot="end" style=" margin-right: 20px;">
      <img src="{{photo}}">

    </ion-avatar>
    <ion-label slot="start" style="color:rgba(0,0,0,1); font-size: 12px;">Profile Photo </ion-label>
    <img *ngIf="thirdLogin"
      style="height: 12px; width:7px; margin-left: 10px;   position: absolute;right: 0;margin-top: 3px;"
      src="../../../../assets/img/right.png" slot="end" alt="">
  </ion-item>
  <!-- <label >{{photo}}</label> -->
  <ion-item lines='none' class="item-img" (click)="updataInfo()" >
    <ion-label>Username</ion-label>
    <ion-note>{{userNickName1()}}</ion-note>
    <img *ngIf="thirdLogin" style="height: 12px; width:7px;    position: absolute;right: 0;margin-top: 3px;"
      src="../../../../assets/img/right.png" slot="end" alt="">
  </ion-item>
  <ion-item lines='full'  class="item-img" *ngIf="statusType=='facebook' " >
    <ion-label>Login Type </ion-label>
    <img slot="end" style="width: 30px; height: 30px;" src="../../../../assets/img/facebook.png" alt="">
  </ion-item>
  <ion-item lines='full'  class="item-img"   *ngIf="statusType=='google' " >
    <ion-label>Login Type</ion-label>

    <img slot="end" style="width: 30px; height: 30px;" src="../../../../assets/img/login/google.png" alt="">
  </ion-item>
  <ion-item lines='full'  class="item-img"   *ngIf="statusType=='apple' " >
    <ion-label>Login Type</ion-label>
 
    <img slot="end" style="width: 30px; height: 30px;" src="../../../../assets/img/login/apple.png" alt="">
  </ion-item>
  <ion-item lines='none'  class="item-img" *ngIf="userAccount">
    <ion-label>Email</ion-label>
    <ion-note>{{userAccount}}</ion-note>
  </ion-item>
  <ion-item lines='none' class="item-img" (click)="updataSex()">
    <ion-label>Gender</ion-label>
    <ion-note>{{sex}}</ion-note>
    <img *ngIf="thirdLogin" style="height: 12px; width:7px;    position: absolute;right: 0;margin-top: 3px;"
      src="../../../../assets/img/right.png" slot="end" alt="">
  </ion-item>
  <!-- <ion-item lines='none' class="item-img" >
      <ion-label>身份认证</ion-label>
      <ion-note>未填写</ion-note>
      <img style="height: 12px; width:7px;    position: absolute;right: 0;margin-top: 3px;" src="../../../../assets/img/right.png" slot="end" alt="">
    </ion-item>


    <ion-item lines='none' class="item-img" >
      <ion-label>手机号</ion-label>
      <ion-note>未填写</ion-note>
      <img style="height: 12px; width:7px;    position: absolute;right: 0;margin-top: 3px;" src="../../../../assets/img/right.png" slot="end" alt="">
    </ion-item> -->

  <!-- <ion-item lines='none' class="item-img" >
      <ion-label>用户名</ion-label>
      <ion-note>未填写</ion-note>
      <img style="height: 12px; width:7px;    position: absolute;right: 0;margin-top: 3px;" src="../../../../assets/img/right.png" slot="end" alt="">
    </ion-item> -->

</ion-content>